<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>在线购买-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick-theme.css">
<link href="//${static_server }/css/simple-line-icons.css"
	rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<style type="text/css">
.money {
	color: #ff6700;
	font-size: 14px;
}

.money em {
	font-style: normal;
	font-size: 24px;
}

.section-order .icon-right {
	width: 80px;
	height: 80px;
	line-height: 80px;
	position: absolute;
	top: 40px;
	left: 50px;
	font-size: 80px;
	color: #83c44e;
	text-align: center;
	border: 2px solid #83c44e;
	border-radius: 42px;
	overflow: hidden;
	_zoom: 1;
}

.payselect {
	border: 2px solid #ff6700!important;
}

</style>

<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="//${static_server }/js/slick.min.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/index.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		
	});
</script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">在线购买</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div class="ui vertical masthead segment"
			style="padding: 3rem 0rem 1rem 0rem;">
			<div class="ui container">
				<table class="ui padded table">
					<thead>
						<tr style="line-height:2rem;font-size:1.5rem;">
							<th colspan="2">订单提交成功！去付款咯～</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="collapsing">商户名称：</td>
							<td>高考志愿通</td>
						</tr>
						<tr>
							<td>商品信息：</td>
							<td>VIP一卡通服务</td>
						</tr>
						<tr>
							<td>应付金额：</td>
							<td class="money"><em>289.00</em>元</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="ui vertical masthead segment">
			<div class="ui container">
			  <label for="fruit">请选择支付类型:</label>
			  <div style="margin-top:1rem;margin-bottom:1rem;">
              		<!-- <a href="#" data-payType="wx" style="display:inline-block;"><img class="ui small image bordered " src="/img/payOnline_weixin.png"></a> -->
			  		<a href="#" data-payType="zfb" style="display:inline-block;"><img class="ui small image bordered payselect" src="/img/payOnline_zfb.png"></a>
			  </div>
			  <form method="post" action="//${dynamic_server }/pay/action.do" target="_blank">
			  	<button class="ui orange submit pay button">现在就去支付</button>
			  </form>
			</div>
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>
